/*
 * Author : Lapuasi
var pg = new showPages('pg');
pg.pageCount = 12;
pg.argName = 'pn';
pg.printHtml(); 
*/

function showPages(name,cfg) {
    this.name = name;
    this.page = 1;
    this.pageCount = 1;
    this.argName = 'pn';
    this.showTimes = 1;
    this.config = cfg||{
    	isHeader   : false,
    	total      : "Total",
    	first      : "&#171;",
    	last       : "&#187;",
    	prev       : "&#139;",
    	next       : "&#155;",
    	pages      : "Pages"
    };
}

showPages.prototype.getPage = function(){ 
    var args = location.search;
    var reg = new RegExp('[\?&]?' + this.argName + '=([^&]*)[&$]?', 'gi');
    var chk = args.match(reg);
    this.page = RegExp.$1;
}
showPages.prototype.checkPages = function(){
    if (isNaN(parseInt(this.page))) this.page = 1;
    if (isNaN(parseInt(this.pageCount))) this.pageCount = 1;
    if (this.page < 1) this.page = 1;
    if (this.pageCount < 1) this.pageCount = 1;
    if (this.page > this.pageCount) this.page = this.pageCount;
    this.page = parseInt(this.page);
    this.pageCount = parseInt(this.pageCount);
}
showPages.prototype.createHtml = function(mode,cfg){ 
    var strHtml = '', prevPage = this.page - 1, nextPage = this.page + 1;
    if (mode == '' || typeof(mode) == 'undefined') mode = 0;
    if(cfg && typeof(cfg) == "object"){
    	for(var p in cfg){
    		this.config[p] = cfg[p];
    	}
    }
    switch (mode) {
        case 0 : 
            if(this.config.isHeader)
                strHtml += '<span class="count">'+this.config.pages+': ' + this.page + ' / ' + this.pageCount + '</span>';
            strHtml += '<span class="number">';
            if (prevPage < 1) {
                strHtml += '<span title="First Page">'+ this.config.first +'</span>';
                strHtml += '<span title="Prev Page">'+ this.config.prev +'</span>';
            } else {
                strHtml += '<span title="First Page"><a href="javascript:' + this.name + '.toPage(1);">'+ this.config.first +'</a></span>';
                strHtml += '<span title="Prev Page"><a href="javascript:' + this.name + '.toPage(' + prevPage + ');">'+ this.config.prev +'</a></span>';
            }
            for (var i = 1; i <= this.pageCount; i++) {
                if (i > 0) {
                    if (i == this.page) {
                        strHtml += '<span title="Page ' + i + '">[' + i + ']</span>';
                    } else {
                        strHtml += '<span title="Page ' + i + '"><a href="javascript:' + this.name + '.toPage(' + i + ');">[' + i + ']</a></span>';
                    }
                }
            }
            if (nextPage > this.pageCount) {
                strHtml += '<span title="Next Page">'+ this.config.next +'</span>';
                strHtml += '<span title="Last Page">'+ this.config.last +'</span>';
            } else {
                strHtml += '<span title="Next Page"><a href="javascript:' + this.name + '.toPage(' + nextPage + ');">'+ this.config.next +'</a></span>';
                strHtml += '<span title="Last Page"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">'+ this.config.last +'</a></span>';
            }
            strHtml += '</span><br />';
            break;
        case 1 :
            if(this.config.isHeader)
                strHtml += '<span class="count">'+this.config.pages+': ' + this.page + ' / ' + this.pageCount + '</span>';
            strHtml += '<span class="number">';
            if (prevPage < 1) {
                strHtml += '<span title="First Page">'+ this.config.first +'</span>';
                strHtml += '<span title="Prev Page">'+ this.config.prev +'</span>';
            } else {
                strHtml += '<span title="First Page"><a href="javascript:' + this.name + '.toPage(1);">'+ this.config.first +'</a></span>';
                strHtml += '<span title="Prev Page"><a href="javascript:' + this.name + '.toPage(' + prevPage + ');">'+ this.config.prev +'</a></span>';
            }
            if (this.page % 10 ==0) {
                var startPage = this.page - 9;
            } else {
                var startPage = this.page - this.page % 10 + 1;
            }
            if (startPage > 10) strHtml += '<span title="Prev 10 Pages"><a href="javascript:' + this.name + '.toPage(' + (startPage - 1) + ');">...</a></span>';
            for (var i = startPage; i < startPage + 10; i++) {
                if (i > this.pageCount) break;
                if (i == this.page) {
                    strHtml += '<span title="Page ' + i + '">[' + i + ']</span>';
                } else {
                    strHtml += '<span title="Page ' + i + '"><a href="javascript:' + this.name + '.toPage(' + i + ');">[' + i + ']</a></span>';
                }
            }
            if (this.pageCount >= startPage + 10) strHtml += '<span title="Next 10 Pages"><a href="javascript:' + this.name + '.toPage(' + (startPage + 10) + ');">...</a></span>';
            if (nextPage > this.pageCount) {
                strHtml += '<span title="Next Page">'+ this.config.next +'</span>';
                strHtml += '<span title="Last Page">'+ this.config.last +'</span>';
            } else {
                strHtml += '<span title="Next Page"><a href="javascript:' + this.name + '.toPage(' + nextPage + ');">'+ this.config.next +'</a></span>';
                strHtml += '<span title="Last Page"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">'+ this.config.last +'</a></span>';
            }
            strHtml += '</span><br />';
            break;
        case 2 :
            if(this.config.isHeader)
                strHtml += '<span class="count">'+this.config.pages+': ' + this.page + ' / ' + this.pageCount + '</span>';
            strHtml += '<span class="number">';
            if (prevPage < 1) {
                strHtml += '<span title="First Page">'+this.config.first+'</span>';
                strHtml += '<span title="Prev Page">'+this.config.prev+'</span>';
            } else {
                strHtml += '<span title="First Page"><a href="javascript:' + this.name + '.toPage(1);">'+ this.config.first +'</a></span>';
                strHtml += '<span title="Prev Page"><a href="javascript:' + this.name + '.toPage(' + prevPage + ');">'+ this.config.prev +'</a></span>';
            }
            if (this.page != 1) strHtml += '<span title="Page 1"><a href="javascript:' + this.name + '.toPage(1);">[1]</a></span>';
            if (this.page >= 5) strHtml += '<span>...</span>';
            if (this.pageCount > this.page + 2) {
                var endPage = this.page + 2;
            } else {
                var endPage = this.pageCount;
            }
            for (var i = this.page - 2; i <= endPage; i++) {
                if (i > 0) {
                    if (i == this.page) {
                        strHtml += '<span title="Page ' + i + '">[' + i + ']</span>';
                    } else {
                        if (i != 1 && i != this.pageCount) {
                            strHtml += '<span title="Page ' + i + '"><a href="javascript:' + this.name + '.toPage(' + i + ');">[' + i + ']</a></span>';
                        }
                    }
                }
            }
            if (this.page + 3 < this.pageCount) strHtml += '<span>...</span>';
            if (this.page != this.pageCount) strHtml += '<span title="Page ' + this.pageCount + '"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">[' + this.pageCount + ']</a></span>';
            if (nextPage > this.pageCount) {
                strHtml += '<span title="Next Page">'+ this.config.next +'</span>';
                strHtml += '<span title="Last Page">'+ this.config.last +'</span>';
            } else {
                strHtml += '<span title="Next Page"><a href="javascript:' + this.name + '.toPage(' + nextPage + ');">'+ this.config.next +'</a></span>';
                strHtml += '<span title="Last Page"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">'+ this.config.last +'</a></span>';
            }
            strHtml += '</span><br />';
            break;
        case 3: //mode3 dropdownlist
            if (this.pageCount < 1) {
                strHtml += '<select name="toPage" disabled>';
                strHtml += '<option value="0">No Pages</option>';
            } else {
                var chkSelect;
                strHtml += '<select name="toPage" onchange="' + this.name + '.toPage(this);">';
                for (var i = 1; i <= this.pageCount; i++) {
                    if (this.page == i) chkSelect=' selected="selected"';
                    else chkSelect='';
                    strHtml += '<option value="' + i + '"' + chkSelect + '>Pages: ' + i + ' / ' + this.pageCount + '</option>';
                }
            }
            strHtml += '</select>';
            break;
        default :
            strHtml = 'Javascript showPage Error: not find mode ' + mode;
            break;
    }
    return strHtml;
}
showPages.prototype.createUrl = function (page) {
    if (isNaN(parseInt(page))) page = 1;
    if (page < 1) page = 1;
    if (page > this.pageCount) page = this.pageCount;
    var url = location.protocol + '//' + location.host + location.pathname;
    var args = location.search;
    var reg = new RegExp('([\?&]?)' + this.argName + '=[^&]*[&$]?', 'gi');
    args = args.replace(reg,'$1');
    if (args == '' || args == null) {
        args += '?' + this.argName + '=' + page;
    } else if (args.substr(args.length - 1,1) == '?' || args.substr(args.length - 1,1) == '&') {
            args += this.argName + '=' + page;
    } else {
            args += '&' + this.argName + '=' + page;
    }
    return url + args;
}
showPages.prototype.toPage = function(page){
    var turnTo = 1;
    if (typeof(page) == 'object') {
        turnTo = page.options[page.selectedIndex].value;
    } else {
        turnTo = page;
    }
    self.location.href = this.createUrl(turnTo);
}
showPages.prototype.printHtml = function(mode,cfg){ 
    this.getPage();
    this.checkPages();
    this.showTimes += 1;
    document.write('<div id="pages_' + this.name + '_' + this.showTimes + '" class="pages"></div>');
    document.getElementById('pages_' + this.name + '_' + this.showTimes).innerHTML = this.createHtml(mode,cfg);
    
}